<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 每个页面都导入的公共脚本Start -->
<jsp:include page="/pages/common/common.jsp"></jsp:include><!-- 这里不能用<%=path%> -->
<link rel="stylesheet" type="text/css" href="<%=path%>/css/common/common.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/css/customCourse/customCourse.css">
<script type="text/javascript" src="<%=path%>/js/customCourse/customCourse.js"></script>
</head>
<body><center>
<input type="hidden" name="path"  id="path" value=<%=path%> />
	<!-- 引入顶部栏 -->
	<div style="width:100%;height:30px; position:fixed;">
		<jsp:include page="/pages/common/title.jsp"/>
	</div>
	<div style="height: 35px;"></div>
	<!-- 顶部wp风格div -->
	<div class="wpDiv" style="width: 1000px;height: 150px;background-color: #FFFFFF;">
   		<div style="width: 60%;height: 100%;float: left;">
   			<div style="width:40%;height: 100%;float: left;"><!-- 课程图标div -->
				<img alt="" src="<%=path%>/images/common/logo.png" style="width: 80%;height: 80%;padding: 15px;">
			</div>
   			<div style="width:60%;height: 100%;float: left;"><!-- 课程简介div -->
   				<div style="width: 100%;height: 80%;margin-top: 15px;" align="left">
   					Course For XY!
   				</div>
   			</div>
   		</div>
   		<div style="width: 40%;height: 100%;float: right;">
   			<div align="center" style="width: 33%;height: 100%;float: right;">
   				<input type="button" name="unpublish" value="unpublish" style="height: 25%;width: 80%;margin-top: 40px;"/><br/>
   				<input type="button" name="cancel" value="cancel" style="height: 25%;width: 80%;margin-top: 2px;"/>
   			</div>
   			<div align="center" style="width: 33%;height: 100%;float: right;">
   				<input type="button" name="publish" value="publish" style="height: 50%;width: 80%;margin-top: 40px;"/>
   			</div>
   			<div align="center" style="width: 33%;height: 100%;float: right;">
   				<input type="button" name="preview" value="preview" style="height: 50%;width: 80%;margin-top: 40px;"/>
   			</div>
   		</div>
	</div>
	<!-- 详细div -->
	<div class="wpDiv" style="width: 980px;height:510px; margin-top: 10px;">
		<!-- 左边div -->
		<div style="width: 23%;height: 100%;border: 0px #000 solid;float: left;margin-top: 5px;" align="left">
			<div class="gridDiv gradualChange titleDiv">&nbsp;&nbsp;课程规划</div>
			<div class="gridDiv catalogDiv" name="cataDiv" state="abgc">&nbsp;&nbsp;排课</div>
			<div class="gridDiv catalogDiv" name="cataDiv" state="45654">&nbsp;&nbsp;现场课堂</div>
			
			<div class="gridDiv gradualChange titleDiv" style="float: left;">&nbsp;&nbsp;课程信息</div>
			<div class="gridDiv catalogDiv" name="cataDiv">&nbsp;&nbsp;基础信息</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;详细信息</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;课程Logo</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;视频推广</div>
			
			<div class="gridDiv gradualChange titleDiv" style="float: left;">&nbsp;&nbsp;课程设置</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;隐私</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;价格和优惠</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;导师组</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;第三方集成</div>
			
			<div class="gridDiv gradualChange titleDiv" style="float: left;">&nbsp;&nbsp;更多</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;向导</div>
			<div class="gridDiv catalogDiv"  name="cataDiv">&nbsp;&nbsp;帮助</div>
		</div>
		
		<iframe id="rightDiv" name="rightDiv" class="wpDiv" style="width: 77%;height: 97%;float: left;margin-top: 5px;overflow: auto;" align="center"></iframe>
	</div>
</center>
</body>
</html>